<template>
    <div class="tips-image" >
        <img src="@/assets/images/base-images/解决方案-概念.png" alt="" @click="notTips">
        <div class="close" @click="handleClose">×</div> 
    </div>
</template>

<script>
    export default {
        created () {
            if(this.$store.state.close){
                this.$router.push('/solve');
            }  
        },
        methods: {
            handleClose() {
                this.$emit("getSolveData");
                this.$router.push('/solve');
            },

            // 点击图片不再提示
            notTips(){
                this.$store.commit("notTips",{flag:true})
            }
        },
    }
</script>

<style scoped>
.tips-image{
    position: absolute;
    z-index: 9;
    top: 75px;
    left: 5px;
    width: 364px;
}
.tips-image img{
    width: 364px;
    height: 466px;
    vertical-align: middle;
}
.close{
        width: 30px;
        height: 30px;
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        text-align: center;
        line-height: 30px;
        border-radius: 50%;
        border: 2px solid #fff;
     margin: 0 auto;
}

</style>